<template>
    <div class="divAroundCenter">
        <el-form :inline="true" :model="formInline" class="demo-form-inline">
            <el-row>
                <el-col>
                    <div class="imgSize">
                        <img src="@/images/assets/icon/successPost.png"/>
                    </div>
                </el-col>
            </el-row>

            <el-row>
                <el-col>
                    <div class="divTitelCenter">
                        应用 [{{appObj.appName}}] 发布成功！
                    </div>
                </el-col>
            </el-row>

            <el-row>
                <el-col class="fontColor">
                    已发布到以下应用市场：
                </el-col>
            </el-row>

            <el-row class="divTitelCenter">
                <el-col class="fontWeight">&nbsp;&nbsp;&nbsp;&nbsp;
                    <span v-for = "item in appObj.marketSelection">{{ item.marketName }}&nbsp;;&nbsp;</span>
                </el-col>
            </el-row>

            <el-row style="margin-top: 70px">
                <el-col :span='5' class="floatRight">
                    <!-- todo 是否提挑换授权页面按钮 -->
                    <!--<el-form-item>-->
                        <!--点击打开-->
                        <!--<el-button type="text" @click="onSubmit(appObj.appCode)">应用授权</el-button>-->
                    <!--</el-form-item>-->
                </el-col>
            </el-row>

        </el-form>
    </div>
</template>
<script>
    export default {
        props: {appObj: ""}, // 用来接收父组件传给子组件的数据
        data() {
            return {
                formInline: {
                    user: '',
                    region: ''
                }
            }
        },
        methods: {
            onSubmit() {
                console.log('submit!');
                this.$emit('goToAudited', this.appObj); //主动触发upup方法，'vary'为向父组件传递的数据
            }
        },
        mounted() {
            console.log("发布市场信息保存完成，跳转到发布成功页面 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>appObj：")
            console.log(this.appObj)
        }
    }
</script>

<style scoped>
    .divAroundCenter {
        padding: 30px 50px;
        width: 100%;
        height: 100%;
    }

    .iconColor {
        background: green;
        width: 100px;
        height: 100px;
    }

    .imgSize {
        width: 50px;
        height: 50px;
        margin: 10px auto;
    }

    .divTitelCenter {
        width: 220px;
        height: 50px;
        font-size: 18px;
        font-weight: bold;
        margin: 10px auto;
    }

    .floatRight {
        float: right;
    }

    .fontColor {
        color: #666;
        font-size: 14px;
        line-height: 30px;
    }

    .fontWeight {
        font-weight: bold;
        font-size: 18px;
        line-height: 30px;
    }
</style>
